<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div>
        <p:panel header="Envio de mesajeria" style="border:none;">
            <!-- contenido WEB -->
            
            <p:separator/>
            <h:panelGrid columns="3">
                <h:panelGrid >
                    <p class="text" style="color: blue;">
                        Nombre de Host: #{eMailBean.configEmail.hostName}
                    </p>
                </h:panelGrid>
                <h:panelGrid >
                    <p class="text" style="color: #008200">
                        Nombre de Puerto: #{eMailBean.configEmail.port}
                    </p>
                </h:panelGrid>
                <h:panelGrid >
                    <p class="text" style="color: blueviolet;">
                        Nombre de Correo: #{eMailBean.configEmail.userEmail}
                    </p>
                </h:panelGrid>
            </h:panelGrid>
            <p:separator/>
            <h:form id="emailFrom">
                <div class="dynaFormLabel">
                    <p:outputLabel value="Enviar a: " for="sendId"/>
                </div>
                <h:panelGrid columns="2" cellpadding="5" style="width: 100%">
                    <p:selectOneMenu id="sendId" value="#{eMailBean.optionSend}" required="true"
                                     requiredMessage="Necesita Seleccionar a quienes va a Enviar">
                        <f:selectItem itemLabel="Seleccione personas interes" noSelectionOption="true" />
                        <f:selectItem itemLabel="* Enviar solo a Socios" itemValue="1" />
                        <f:selectItem itemLabel="* Enviar solo a Ex-Socios" itemValue="2" />
                        <f:selectItem itemLabel="* Enviar a Todos" itemValue="3" />
                    </p:selectOneMenu>

                    <p:commandButton value="Enviar Correo" update="@form" action="#{eMailBean.sendEmail()}"
                                     icon="fa fa-envelope" style="alignment-adjust: middle;"/>
                </h:panelGrid>
                <p:separator />
                <p:inputText size="60"  placeholder="Título del mensaje" 
                             required="true" value="#{eMailBean.titleMessage}"
                             requiredMessage="Falta ingresar el título del mensaje..."/>
                <h:outputText value="#{eMailBean.messageConfirm}"
                              id="emailConf"
                              style="color: white; padding-left: 10px; background: green; background-color: green;" />
                <p:separator />
                <p:editor id="editor" value="#{eMailBean.contentEmail}"
                          style="width: 100%" required="true" requiredMessage="Falta un Contenido para el mensaje"/>
            </h:form>
            <p:separator/>

        </p:panel>
    </div>
</ui:composition>

